import {useState} from "react";

function App() {

    const [count, setCount] = useState(0);

    const handleClick1 = (event) => {
        setCount(count + 1)
        console.log(event)
    }
    const handleClick2 = (value) => {
        setCount(count + value)
    }
    const handleClick3 = (value, event) => {
        setCount(count + value)
        console.log(event)
    }


    return (
        <div className="App">
            <button onClick={handleClick1}>{count}</button>
            <button onClick={() => handleClick2(10)}>{count}</button>
            <button onClick={(event) => handleClick3(10, event)}>{count}</button>
        </div>
    );
}

export default App;
